<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>修改手机号</title>
    <link rel="stylesheet" href="../../common/base.css">
    <link rel="stylesheet" href="../../common/common.css">
    <link rel="stylesheet" href="../../css/revise-phone.css">
</head>
<body>
    <header>
        <i class="go-back">
            <img src="../../img/go-back.png" alt="">
        </i>
        <h1 class="perfect-title">修改手机号</h1>
    </header>
    <div id="content">
        <ul class="revise-content">
            <li>
                <span>当前手机号</span>
                <input type="text">
            </li>
            <li>
                <span>新手机号</span>
                <input type="text" v-model="newPhone">
            </li>
            <li>
                <span>验证码</span>
                <input type="text">
                <i class="get-code" @click="gainCode()">获取验证码</i>
                <i class="count-down hide"><em></em>s</i>
            </li>
            <li>
                <span>登录密码</span>
                <input type="password">
            </li>
        </ul>
        <div class="revise-btn">
            <a href="javascript:;">修改</a>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../lib/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="../../lib/vue.js"></script>
<script type="text/javascript" src="../../lib/layer/layer.js"></script>
<script type="text/javascript" src="../../js/revise-phone.js"></script>
</html>